<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery.js"></script>
    <link rel="stylesheet" href="font/font_d9s7csr2qh/iconfont.css">
    <link rel="stylesheet" href="font/font_ic2aueah3c/iconfont.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <title>首页</title>
</head>

<body>
    <div class="wraptop">
        <div>
            <ul>
                <li><a class="lw">中关村在线</a></li>
                <li><a>ZOL企业购</a></li>
                <li><a>解决方案馆</a></li>
                <li><a>中在指数</a></li>
                <li><a class="lm">供应商入驻</a></li>
            </ul>
            <ul id="lore">
                <li><a href="login.html">登录</a></li>
                <li><a href="register.html" class="lm">注册</a></li>
            </ul>

        </div>
    </div>
    <div class="top">
        <div><img src="img/logo.png" alt=""></div>
        <div class="search">
            <div class="sea1"><i class="iconfont icon-sousuo"></i><input type="text" placeholder="找找你想要的商品"><span>搜 索</span>
            </div>
            <ul class="jig">
                <li>
                    <a href="">激光打印机</a>
                </li>
                <li>
                    <a href="">商用显示</a>
                </li>
                <li>
                    <a href="">投影机</a>
                </li>
                <li>
                    <a href="">复印机</a>
                </li>
                <li>
                    <a href="">硒鼓</a>
                </li>
                <li>
                    <a href="" class="la">墨盒</a>
                </li>
            </ul>
        </div>
        <div class="che">
            <p class="cheshu">0</p>
            <i class="iconfont icon-gouwuche"><a href=""></a></i>
            <span>我的购物车</span>
        </div>
        <div class="t-t"><img src="img/top.png" alt=""></div>
    </div>
    <div class="navwrap">
        <div class="nav">
            <div>
                <span>
                    全部商品分类
            </span>
            </div>
            <ul>
                <li>
                    <a href="">解决方案馆</a>
                </li>
                <li>
                    <a href="">政府采购</a>
                </li>
                <li>
                    <a href="">企业采购</a>
                </li>
                <li>
                    <a href="">福利采购</a>
                </li>
                <li class="last-li">
                    <a href="">中在指数</a><span class="down"></span>
                    <ul class="ej">
                        <li>
                            <a href="">价格指数</a></li>
                        <li>
                            <a href="">销量指数</a>
                            <li>
                                <a href="">交易指数</a></li>
                            <li>
                                <a href="">品牌指数</a></li>
                    </ul>
                    </li>
            </ul>
        </div>
    </div>
    <div class="conwrap">
        <div class="content">
            <div class="list">
                <ul class="ul-list">
                    <li class="word1"><i class="iconfont icon-icon_huabanfuben"></i><span>笔记本 / 超极本 / 台式电脑</span></li>
                    <li class="word2"><i class="iconfont icon-dayin"></i><span>办公打印 / 投影 / 监控 / 软件</span></li>
                    <li class="word3"><i class="iconfont icon-xingzhuang1"></i><span>厨卫电器 / 小家电 / 生活家电</span></li>
                    <li><i class="iconfont icon-xingzhuang"></i><span>大家电 / 影音电视 / 游戏机</span></li>
                    <li><i class="iconfont icon-shouji"></i><span>手机 / 智能手机 / 通讯产品</span></li>
                    <li><i class="iconfont icon-MP-xian"></i><span>数码产品 / MP3 / 移动电源</span></li>
                    <li><i class="iconfont icon-iconset0239"></i><span>数码相机 / 单反 / 数码摄像机</span></li>
                    <li><i class="iconfont icon-fuwuqi"></i><span>服务器 / 网络 / 无线 / 布线</span></li>
                    <li><i class="iconfont icon-yingjian"></i><span>DIY硬件 / 外设 / 模拟攒机</span></li>
                    <li><i class="iconfont icon-shouji"></i><span>平板电脑 / 智能穿戴 / 智能家居</span></li>
                    <li><i class="iconfont icon-qiche"></i><span>汽车电子 / 电动车 / 代步出行</span></li>
                </ul>
                <div id="list-con">
                    <!-- <ul>
                        <h3>笔记本</h3>
                        <li>笔记本电脑</li>
                        <li>笔记本电源适配器</li>
                        <li>笔记本电池</li>
                        <li>笔记本包</li>
                        <li>笔记本拓展邬/底座</li>
                        <li>笔记本支架</li>
                        <li>笔记本膜</li>
                        <li>电脑清洁</li>
                    </ul>
                    <ul>
                        <h3>台式整机</h3>
                        <li>台式电脑</li>
                        <li>迷你台式电脑</li>
                        <li>瘦客户机</li>
                        <li>一体电脑</li>
                        <li>工作站</li>
                        <li>电脑工具</li>
                    </ul> -->
                </div>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background-image:url(img/banner2.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(img/banner3.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(img/banner4.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(img/banner5.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(img/zol_focus.jpg)"></div>
                    <div class="swiper-slide" style="background-image:url(img/amd_banner.jpg)"></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination swiper-pagination-white"></div>
                <!-- Add Arrows -->
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-button-prev swiper-button-white"></div>
            </div>
            <div class="con-right">
                <div class="r1">
                    <div class="tap">
                        <li>
                            <a href="login.html">会员登录</a>
                        </li>
                        <li><a href="login.html">会员登录</a></li>
                    </div>
                    <div id="touxiang">
                        <img src="img/zoler.jpg" alt="">
                        <a href="login.html">点击我就可以登录哟</a>
                    </div>

                </div>
                <div class="r2">
                    <li><img src="img/news.png" alt=""><span>极速体验</span></li>
                    <li><img src="img/new2.png" alt=""><span>优采保障</span></li>
                    <li><img src="img/new3 .png" alt=""><span>售后无忧</span></li>
                    <li><img src="img/new4.png" alt=""><span>专属客服</span></li>
                </div>
            </div>
        </div>
        <div class="remen">
            <h3>热门采购</h3>
            <ul id="slist">

                <!-- <li><img src="img/Cg-4WlUswbiIe3gPAAFJu-5vAWkAABiDAAtLhEAAUnT400.jpg" alt="">
                    <p>SOYES H1</p>
                    <p>￥318.00</p><button>立即采购</button>
                </li>
                <li><img src="img/ChMkJ1ea-aCIASzRAAB-qMZ-AxEAAT9ogOqmyUAAH7A736.jpg" alt="">
                    <p>MANN ZUG 5S Q（高配版/全网通）</p>
                    <p>￥1999.00</p><button>立即采购</button>
                </li>
                <li><img src="img/ChMkKl_NkLqIfBmxAACwjXv0UXQAAGXuwA1UxAAALCl890.jpg" alt="">
                    <p>联想（Lenovo）LJ2405D 黑白激光打印机 28页/分钟高速A4打印 自动双面 小型办公商用家用</p>
                    <p>￥1680.00</p><button>立即采购</button>
                </li>
                <li><img src="img/ChMkKl_Ni2eIDNRYAABHszifqGUAAGXswGfFVEAAEfL994.jpg" alt="">
                    <p>联想（Lenovo）领像L100 黑白激光打印机 办公商用家用A4打印 USB打印</p>
                    <p>￥1040.00</p><button>立即采购</button>
                </li>
                <li><img src="img/ChMkKV_EyaGIbYr1AAFdjZG8kt4AAGDwwP4dOAAAV2l078.jpg" alt="">
                    <p>戴尔DELL OptiPlex 3070SFF 高端商用台式电脑i5-9500 8G 256固态+1T 23.8英寸</p>
                    <p>￥5199.00</p><button>立即采购</button>
                </li>
                <li><img src="img/ChMkKV_HCcOIdcKfAAEvnwtheOsAAGItwPLXfYAAS-3376.jpg" alt="">
                    <p>联想ThinkCentre M920t(i7 9700/8GB/256GB+1TB/DVDRW/2G独显/W10H)</p>
                    <p>￥7631.00</p><button>立即采购</button>
                </li> -->
            </ul>
        </div>
        <div class="mid"><img src="img/mid.jpg" alt="">
        </div>
        <div class="conlist">
            <div class="cl-1">
                <h3>办公设备/办公耗材</h3>
                <ul>
                    <li>办公打印</li>
                    <li>考勤门禁系统</li>
                    <li>投影</li>
                    <li>监控</li>
                </ul>
            </div>
            <div class="cl-2">
                <div><img src="img/clist01.jpg" alt="">
                    <h2>优品高效</h2>
                </div>
                <div>
                    <ul>
                        <li><img src="img/cl01.jpg" alt="">
                            <p>ThinkPad T450s(20BX002TCD)</p>
                            <p>￥6699.00</p>
                        </li>
                        <li><img src="img/cl02.jpg" alt="">
                            <p>HP 1112</p>
                            <p>￥329.00</p>
                        </li>
                        <li><img src="img/cl03.jpg" alt="">
                            <p>宁美国度星河 战列舰766 Pro</p>
                            <p>￥4900.00</p>
                        </li>
                        <li><img src="img/cl04.jpg" alt="">
                            <p>TCL 65Q680</p>
                            <p>￥4589.00</p>
                        </li>
                        <li><img src="img/cl05.jpg" alt="">
                            <p>富士X-A2套机(XC 16-50mm，XC 50-230mm)</p>
                            <p>￥3588.00</p>
                        </li>
                        <li><img src="img/cl06.jpg" alt="">
                            <p>蒲公英企业智能组网路由X3</p>
                            <p>￥1356.00</p>
                        </li>
                        <li><img src="img/cl07.jpg" alt="">
                            <p>西门子KM48EA90TI</p>
                            <p>￥6999.00</p>
                        </li>
                        <li><img src="img/cl08.jpg" alt="">
                            <p>RND T1</p>
                            <p>￥1399.00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="conlist">
            <div class="cl-1">
                <h3>办公家电</h3>
                <ul>
                    <li>大电器</li>
                    <li>厨卫电器</li>
                    <li>厨卫小家电</li>
                    <li>生活家电</li>
                </ul>
            </div>
            <div class="cl-2">
                <div><img src="img/clsit03.jpg" alt="">
                    <h2>品质生活</h2>
                </div>
                <div>
                    <ul>
                        <li><img src="img/cl01.jpg" alt="">
                            <p>ThinkPad T450s(20BX002TCD)</p>
                            <p>￥6699.00</p>
                        </li>
                        <li><img src="img/cl02.jpg" alt="">
                            <p>HP 1112</p>
                            <p>￥329.00</p>
                        </li>
                        <li><img src="img/cl03.jpg" alt="">
                            <p>宁美国度星河 战列舰766 Pro</p>
                            <p>￥4900.00</p>
                        </li>
                        <li><img src="img/cl04.jpg" alt="">
                            <p>TCL 65Q680</p>
                            <p>￥4589.00</p>
                        </li>
                        <li><img src="img/cl05.jpg" alt="">
                            <p>富士X-A2套机(XC 16-50mm，XC 50-230mm)</p>
                            <p>￥3588.00</p>
                        </li>
                        <li><img src="img/cl06.jpg" alt="">
                            <p>蒲公英企业智能组网路由X3</p>
                            <p>￥1356.00</p>
                        </li>
                        <li><img src="img/cl07.jpg" alt="">
                            <p>西门子KM48EA90TI</p>
                            <p>￥6999.00</p>
                        </li>
                        <li><img src="img/cl08.jpg" alt="">
                            <p>RND T1</p>
                            <p>￥1399.00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="conlist">
            <div class="cl-1">
                <h3>电脑/数码</h3>
                <ul>
                    <li>台式整机</li>
                    <li>笔记本</li>
                    <li>数码产品</li>
                    <li>通讯产品</li>
                </ul>
            </div>
            <div class="cl-2">
                <div><img src="img/clist02.jpg" alt=""></div>
                <div>
                    <ul>
                        <li><img src="img/cl01.jpg" alt="">
                            <p>ThinkPad T450s(20BX002TCD)</p>
                            <p>￥6699.00</p>
                        </li>
                        <li><img src="img/cl02.jpg" alt="">
                            <p>HP 1112</p>
                            <p>￥329.00</p>
                        </li>
                        <li><img src="img/cl03.jpg" alt="">
                            <p>宁美国度星河 战列舰766 Pro</p>
                            <p>￥4900.00</p>
                        </li>
                        <li><img src="img/cl04.jpg" alt="">
                            <p>TCL 65Q680</p>
                            <p>￥4589.00</p>
                        </li>
                        <li><img src="img/cl05.jpg" alt="">
                            <p>富士X-A2套机(XC 16-50mm，XC 50-230mm)</p>
                            <p>￥3588.00</p>
                        </li>
                        <li><img src="img/cl06.jpg" alt="">
                            <p>蒲公英企业智能组网路由X3</p>
                            <p>￥1356.00</p>
                        </li>
                        <li><img src="img/cl07.jpg" alt="">
                            <p>西门子KM48EA90TI</p>
                            <p>￥6999.00</p>
                        </li>
                        <li><img src="img/cl08.jpg" alt="">
                            <p>RND T1</p>
                            <p>￥1399.00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="conlist">
            <div class="cl-1">
                <h3>手机/摄像</h3>
                <ul>
                    <li>手机</li>
                    <li>通讯产品</li>
                    <li>数码相机</li>
                    <li>数码摄像机</li>
                </ul>
            </div>
            <div class="cl-2">
                <div><img src="img/CList04.jpg" alt="">
                    <h2>无界沟通</h2>
                </div>
                <div>
                    <ul>
                        <li><img src="img/cl01.jpg" alt="">
                            <p>ThinkPad T450s(20BX002TCD)</p>
                            <p>￥6699.00</p>
                        </li>
                        <li><img src="img/cl02.jpg" alt="">
                            <p>HP 1112</p>
                            <p>￥329.00</p>
                        </li>
                        <li><img src="img/cl03.jpg" alt="">
                            <p>宁美国度星河 战列舰766 Pro</p>
                            <p>￥4900.00</p>
                        </li>
                        <li><img src="img/cl04.jpg" alt="">
                            <p>TCL 65Q680</p>
                            <p>￥4589.00</p>
                        </li>
                        <li><img src="img/cl05.jpg" alt="">
                            <p>富士X-A2套机(XC 16-50mm，XC 50-230mm)</p>
                            <p>￥3588.00</p>
                        </li>
                        <li><img src="img/cl06.jpg" alt="">
                            <p>蒲公英企业智能组网路由X3</p>
                            <p>￥1356.00</p>
                        </li>
                        <li><img src="img/cl07.jpg" alt="">
                            <p>西门子KM48EA90TI</p>
                            <p>￥6999.00</p>
                        </li>
                        <li><img src="img/cl08.jpg" alt="">
                            <p>RND T1</p>
                            <p>￥1399.00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="conlist">
            <div class="cl-1">
                <h3>服务机/网络</h3>
                <ul>
                    <li>服务器</li>
                    <li>网络</li>
                    <li>无线</li>
                    <li>布线</li>
                </ul>
            </div>
            <div class="cl-2">
                <div><img src="img/clist06.jpg" alt="">
                    <h2>安全可靠</h2>
                </div>
                <div>
                    <ul>
                        <li><img src="img/cl01.jpg" alt="">
                            <p>ThinkPad T450s(20BX002TCD)</p>
                            <p>￥6699.00</p>
                        </li>
                        <li><img src="img/cl02.jpg" alt="">
                            <p>HP 1112</p>
                            <p>￥329.00</p>
                        </li>
                        <li><img src="img/cl03.jpg" alt="">
                            <p>宁美国度星河 战列舰766 Pro</p>
                            <p>￥4900.00</p>
                        </li>
                        <li><img src="img/cl04.jpg" alt="">
                            <p>TCL 65Q680</p>
                            <p>￥4589.00</p>
                        </li>
                        <li><img src="img/cl05.jpg" alt="">
                            <p>富士X-A2套机(XC 16-50mm，XC 50-230mm)</p>
                            <p>￥3588.00</p>
                        </li>
                        <li><img src="img/cl06.jpg" alt="">
                            <p>蒲公英企业智能组网路由X3</p>
                            <p>￥1356.00</p>
                        </li>
                        <li><img src="img/cl07.jpg" alt="">
                            <p>西门子KM48EA90TI</p>
                            <p>￥6999.00</p>
                        </li>
                        <li><img src="img/cl08.jpg" alt="">
                            <p>RND T1</p>
                            <p>￥1399.00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="conlist">
            <div class="cl-1">
                <h3>汽车周边</h3>
                <ul>
                    <li>汽车电子</li>
                    <li>电动车</li>
                    <li>汽车外饰</li>
                    <li>美容养颜</li>
                </ul>
            </div>
            <div class="cl-2">
                <div><img src="img/clist07.jpg" alt="">
                    <h2>便捷出行</h2>
                </div>
                <div>
                    <ul>
                        <li><img src="img/cl01.jpg" alt="">
                            <p>ThinkPad T450s(20BX002TCD)</p>
                            <p>￥6699.00</p>
                        </li>
                        <li><img src="img/cl02.jpg" alt="">
                            <p>HP 1112</p>
                            <p>￥329.00</p>
                        </li>
                        <li><img src="img/cl03.jpg" alt="">
                            <p>宁美国度星河 战列舰766 Pro</p>
                            <p>￥4900.00</p>
                        </li>
                        <li><img src="img/cl04.jpg" alt="">
                            <p>TCL 65Q680</p>
                            <p>￥4589.00</p>
                        </li>
                        <li><img src="img/cl05.jpg" alt="">
                            <p>富士X-A2套机(XC 16-50mm，XC 50-230mm)</p>
                            <p>￥3588.00</p>
                        </li>
                        <li><img src="img/cl06.jpg" alt="">
                            <p>蒲公英企业智能组网路由X3</p>
                            <p>￥1356.00</p>
                        </li>
                        <li><img src="img/cl07.jpg" alt="">
                            <p>西门子KM48EA90TI</p>
                            <p>￥6999.00</p>
                        </li>
                        <li><img src="img/cl08.jpg" alt="">
                            <p>RND T1</p>
                            <p>￥1399.00</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="zfcg">
            <div>
                <h3>政府采购电商平台</h3><span>更多&gt;</span>
            </div>
            <ul>
                <li>
                    <div><img src="img/zf01.png" alt=""></div>
                    <div>北京市采购平台</div>
                </li>
                <li>
                    <div><img src="img/zf02.png" alt=""></div>
                    <div>河北省政采平台</div>
                </li>
                <li>
                    <div><img src="img/zf03.png" alt=""></div>
                    <div>内蒙古政采平台</div>
                </li>
                <li>
                    <div><img src="img/zf04.png" alt=""></div>
                    <div>山东省采购平台</div>
                </li>
                <li>
                    <div><img src="img/zf05.png" alt=""></div>
                    <div>山西省采购平台</div>
                </li>
                <li>
                    <div><img src="img/zf06.png" alt=""></div>
                    <div>天津政府采购平台</div>
                </li>
                <li>
                    <div><img src="img/zf07.png" alt=""></div>
                    <div>新疆政采平台</div>
                </li>
                <li>
                    <div><img src="img/zf08.png" alt=""></div>
                    <div>中央采购平台</div>
                </li>

            </ul>
        </div>
    </div>
    <span id="zd">置顶</span>
    <div class="footer">
        <div>
            <div><img src="img/下载.png" alt=""><span>热线电话</span><span>400-688-1999</span></div>
            <p>©2021 北京知行锐景科技有限公司 / 北京中在云商科技有限公司 版权备案单位/子公司</p>
            <p>京ICP证150096号 &nbsp;&nbsp;&nbsp;京ICP备14061128号&nbsp;&nbsp;&nbsp; 京公网安备11010802020026号&nbsp;&nbsp;&nbsp; 网络文化经营许可证京网文[2016]1631-199 &nbsp;&nbsp;&nbsp;增值电信业务经营许可证：京B2-20200543</p>

        </div>
        <div class="erwei"><img src="img/code.53fecea8.png" alt=""></div>
        <script src="js/swiper-bundle.min.js"></script>
        <script>
            var cheshu = document.querySelector(".cheshu");
            // cheshu.innerHTML = JSON.parse(localStorage.getItem("che"))
            var user = JSON.parse(localStorage.getItem("ursername"));
            var id = JSON.parse(localStorage.getItem("id"));

            console.log(user)
            $("#lore").html("<li>欢迎您,&nbsp;&nbsp;" + user + "&nbsp;<button>[退出]</button></li>")
            let tx = "<img src='img/huge.jpg'><a>欢迎回来</a>"
            $("#touxiang").html(tx);
            if (user == undefined) {
                let str = '<li><a href="login.html">登录</a></li><li><a href="register.html" class="lm">注册</a></li>'
                $("#lore").html(str);
                let tx = "<img src='img/zoler.jpg'><a href='login.html'>点击我就可以登录哟</a>"
                $("#touxiang").html(tx);
                cheshu.innerHTML = 0;
            }

            $("#lore button").click(function() {
                location.href = "index.html";
                localStorage.removeItem("ursername")
                localStorage.removeItem("id")
            })

            $(function() {

                $(".list").mouseleave(function() {
                    $("#list-con").hide();
                })
                $(".last-li").mouseenter(function() {
                    $(".last-li>span").attr("class", "up")
                    $(".ej").fadeToggle();
                })
                $(".last-li").mouseleave(function() {
                    $(".last-li>span").attr("class", "down")
                    $(".ej").fadeToggle();
                });

                $(".list>ul>li").mouseenter(function() {
                    $(this).css({
                        "background": "#fc002d",
                    })
                    $(this).children("span").css({
                        "color": "white"
                    })
                });
                $(".list>ul>li").mouseleave(function() {
                    $(this).css({
                        "background": "white",
                    })
                    $(this).children("span").css({
                        "color": "#333"
                    })

                })
                $(".word1").mouseenter(function() {
                    str = ` <ul>
                        <h4>笔记本</h4>
                        <li>笔记本电脑</li>
                        <li>笔记本电源适配器</li>
                        <li>笔记本电池</li>
                        <li>笔记本包</li>
                        <li>笔记本拓展邬/底座</li>
                        <li>笔记本支架</li>
                        <li>笔记本膜</li>
                        <li>电脑清洁</li>
                    </ul>
                    <ul>
                        <h4>台式整机</h4>
                        <li>台式电脑</li>
                        <li>迷你台式电脑</li>
                        <li>瘦客户机</li>
                        <li>一体电脑</li>
                        <li>工作站</li>
                        <li>电脑工具</li>
                    </ul>`
                    $("#list-con").css("display", "block").html(str);
                })

                $("#list-con").mouseleave(function() {
                    $(this).css("display", "none").html("");
                });
                $("")
                $(".word2").mouseenter(function() {
                    let str = "";
                    str = ` <ul>
                        <h4>办公打印</h4>
                        <li>打印服务机</li>
                        <li>拷贝机</li>
                        <li>光盘打印刻录机</li>
                        <li>UPS电源</li>
                        <li>激光笔</li>
                        <li>激光打印机</li>
                        <li>喷墨打印机</li>
                        <li>针式打印机</li>
                        <li>打印服务机</li>
                        <li>拷贝机</li>
                        <li>光盘打印刻录机</li>
                        <li>UPS电源</li>
                        <li>激光笔</li>
                        <li>激光打印机</li>
                        <li>喷墨打印机</li>
                        <li>针式打印机</li>
                    </ul>
                    <ul>
                        <h4>考勤门禁系统</h4>
                        <li>门禁一体机</li>
                        <li>考勤机</li>
                    </ul>
                    <ul>
                        <h4>商用显示</h4>
                        <li>等离子显示器</li>
                        <li>专业显示器</li>
                        <li>LED显示器</li>
                        <li>触控一体机</li>
                        <li>数字标牌</li>
                    </ul>
                    <ul>
                        <h4>视频监控</h4>
                        <li>视频服务器</li>
                        <li>光端机</li>
                        <li>监控硬盘</li>
                        <li>监视器</li>
                        <li>监控摄像头</li>
                    </ul>
                    <ul>
                        <h4>投影显示</h4>
                        <li>3D眼镜</li>
                        <li>投影机</li>
                        <li>投影幕布</li>
                        <li>投影机配件</li>
                        <li>投影摄像头</li>
                    </ul>`
                    $("#list-con").css("display", "block").html(str)

                })

                $("#list-con").mouseleave(function() {
                    $("#list-con").css("display", "none").html("");
                })
                $(".word3").mouseenter(function() {
                    $("#list-con").css("display", "none").html("");
                })
            })

            var swiper = new Swiper('.swiper-container', {
                spaceBetween: 30,
                effect: 'fade',
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                autoplay: {
                    delay: 1500,
                    disableOnInteraction: false,
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });

            $.get("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", {
                pimg: "img/01.jpg",
                pname: "SOYES H1",
                pprice: 318.00,
                pdesc: "one",
                uid: 1457
            }, res => {
                console.log(res);
            });
            $.get("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", {
                pimg: "img/02.jpg",
                pname: "MANN ZUG 5S Q（高配版/全网通）",
                pprice: 1999.00,
                pdesc: "two",
                uid: 1457
            }, res => {
                console.log(res);
            })
            $.get("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", {
                pimg: "img/03.jpg",
                pname: "联想（Lenovo）LJ2405D 黑白激光打印机 28页/分钟高速A4打印 自动双面 小型办公商用家用",
                pprice: 1680.00,
                pdesc: "three",
                uid: 1457
            }, res => {
                console.log(res);
            })


            $.get("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", {
                pimg: "img/04.jpg",
                pname: "联想（Lenovo）领像L100 黑白激光打印机 办公商用家用A4打印 USB打印",
                pprice: 1040.00,
                pdesc: "one",
                uid: 1457
            }, res => {
                console.log(res);
            });
            $.get("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", {
                pimg: "img/05.jpg",
                pname: "戴尔DELL OptiPlex 3070SFF 高端商用台式电脑i5-9500 8G 256固态+1T 23.8英寸",
                pprice: 5199.00,
                pdesc: "two",
                uid: 1457
            }, res => {
                console.log(res);
            })
            $.get("http://jx.xuzhixiang.top/ap/api/goods/goods-add.php", {
                pimg: "img/06.jpg",
                pname: "联想ThinkCentre M920t(i7 9700/8GB/256GB+1TB/DVDRW/2G独显/W10H)",
                pprice: 7631.00,
                pdesc: "three",
                uid: 1457
            }, res => {
                console.log(res);
            });


            $.get("http://jx.xuzhixiang.top/ap/api/productlist.php", {
                uid: 1457
            }).then(res => {
                console.log(res);
                let str = "";
                for (let i = 0; i < 6; i++) {
                    str += `<li><a href="detail.html?id=${res.data[i].pid}"><img src="${res.data[i].pimg}" alt="">
                    <p>${res.data[i].pname}</p>
                    <p>￥${res.data[i].pprice}</p><button>立即采购</button></a></li>`
                }
                $("#slist").html(str)
            })
            $(".che").click(function() {
                location.href = "cart.html?username=" + username + "";
            });
            $.get("http://jx.xuzhixiang.top/ap/api/cart-list.php", {
                id: id
            }).then(res => {
                console.log(res)
                let num = 0;
                for (let i = 0; i < res.data.length; i++) {
                    num += parseInt(res.data[i].pnum);
                }
                cheshu.innerHTML = num
                    // location.reload();
            });
            window.onscroll = function() {
                var zd = document.getElementById("zd")

                var st = document.documentElement.scrollTop || document.body.scrollTop;
                if (st > 200) {

                    zd.style.display = "block";
                } else {

                    zd.style.display = "none";
                }
            }
            window.onload = function() {
                var oBtn = document.querySelector("#zd");
                oBtn.onclick = () => {
                    let timer = setInterval(() => {
                        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                        let iSpeed = Math.floor((0 - scrollTop) / 10);
                        if (scrollTop == 0) {
                            clearInterval(timer)
                        }
                        document.documentElement.scrollTop = document.body.scrollTop = scrollTop + iSpeed;
                    }, 20);

                }
            }
        </script>
</body>

</html>